<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input type="text" name="" id="">
    <!-- 使用节点.value  来获取输入框中的内容 -->
    <input type="checkbox" name="" id="">
    <!-- 节点.checked 如果返回true  就是被选中了   false 就是没被选中 -->
    <input type="radio" name="" id="">
    <!-- 节点.checked 如果返回true  就是被选中了   false 就是没被选中 -->
    <button class="login">登陆</button>
    <button class="reset">重置</button>
    <script>
        let inp = document.querySelector("input")
        // inp.value = "xxxx"//设置输入框的内容
        let btn = document.querySelector("button")
        let reset = document.querySelector(".reset")
        btn.onclick = function () {
            //节点.value  来获取内容
            console.log(inp.value);
            reset.onclick()  //表示执行  reset  的点击事件  相当于 点击了reset
        }
        // inp.onkeydown = function(e){
        //     console.log("");

        // }
        reset.onclick = function () {
            console.log("我是重置");

        }

        //如何触发别的节点的事件





    </script>
</body>

</html>